<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <!-- 引入 Bootstrap CSS -->
    {css href="__CSS__/bootstrap.min.css"}
    {css href="__CSS__/style.css"}

    <!-- 移动设备优先 -->
    <meta name="viewport" content="width=device-width, initial-scale=1,shrink-to-fit=no">
</head>
<body>


<!--核心部分-->
<div class="container pt-5 mt-5">
    <div class="row">
        <div class="col-3 siadebar">
            <button class="btn btn-secondary"><a href="{:url('/')}">用户管理</a></button>
            <button class="btn btn-secondary"><a href="{:url('/borrow/')}">借出登记</a></button>
            <button class="btn btn-secondary"><a href="{:url('/borrow')}">设备借出</a></button>
            <button class="btn btn-secondary"><a href="{:url('/user/create')}">权限管理</a></button>
        </div>
        <div class="col-9 main">

            <!--借出登记-->
            <form action="{:url('/borrow/add')}" method="post">
                <fieldset class="w-75">
                    <div class="form-group row">
                        <label for="username" class="col-2 col-form-label">借用人</label>
                        <div class="col-8">
                            <input type="text" id="username" name="username"
                                   class="form-control" placeholder="请输入借用人">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="group" class="col-2 col-form-label">部门</label>
                        <div class="col-8">
                            <input type="text" id="group" name="group" class="form-control"
                                   placeholder="请输入部门">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="borrow" class="col-2 col-form-label">借出事由</label>
                        <div class="col-8">
                            <input type="text" id="borrow" name="borrow" class="form-control"
                                   placeholder="请输入借出事由">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="device" class="col-2 col-form-label">借出设备</label>
                        <div class="col-8">
                            <input type="text" id="device" name="device" class="form-control"
                                   placeholder="请输入借出设备">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="borrow_time" class="col-2 col-form-label">借用时间</label>
                        <div class="col-8">
                            <input type="text" id="borrow_time" name="device" class="form-control"
                                   placeholder="请输入借出时间">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2">性别</label>
                        <div class="col-8">
                            <label for="man" class="col-form-label-sm">
                                <input type="radio" id="man" name="gender" value="男"
                                       checked>
                                男
                            </label>
                            <label for="woman" class="col-form-label-sm">
                                <input type="radio" id="woman" name="gender" value="女">
                                女
                            </label>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="phone" class="col-2 col-form-label">电话</label>
                        <div class="col-8">
                            <input type="text" id="phone" name="phone" class="form-control"
                                   placeholder="请输入电话">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="email" class="col-2 col-form-label">电子邮箱</label>
                        <div class="col-8">
                            <input type="text" id="email" name="email" class="form-control"
                                   placeholder="请输入电子邮箱">
                        </div>
                    </div>
                    <div class="form-group row">
                        <label for="extension" class="col-2 col-form-label">延期归还说明</label>
                        <div class="col-8">
                            <textarea id="extension" name="extension"  placeholder="请输入内容" class="layui-textarea"></textarea>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2"></label>
                        <div class="col-6">
                            <label for="agree">
                                <input type="checkbox" id="agree" name="agree">
                                <span class="col-form-label-sm">我已同意在规定的借出协议
~</span>
                            </label>
                        </div>
                        <div class="col-2 text-right">
                            <a href="{:url('/user')}" class="col-form-label-sm">返回列表
                            </a>
                        </div>
                    </div>
                    <div class="form-group row">
                        <label class="col-2 col-form-label"></label>
                        <div class="col-8">
                            <!--                            <input type="hidden" value="{:token()}" name="__token__">-->
                            <button class="btn btn-success w-100">提交</button>
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
    </div>
</div>




<!-- 引入 JS 文件 -->
{js href="__JS__/jquery-3.3.1.min.js"}
{js href="__JS__/bootstrap.bundle.min.js"}
</body>
</html>